<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    .img{
      width: 20px;
      height: 20px;
    }
    tr{
      height: 50px;
    }
    td{
      width: 50px;
    }
    textarea{
      height: 70px;
      width:200px
    }
    .register{
      width: 500px;
      height: 800px;
      margin: 0 auto;
      text-align: center ;
      background-color: #b3d4fc;
    }
    textarea:focus,input:focus{
      background-color: #777777;
      border: #FFFFFF dotted;
    }
  </style>
</head>
<body>

<div class="register">
<table width="400px">
  <h1>注册案例</h1>
  <tr style=>
    <td>性别</td>
    <td>
      <input type="radio" name="sex"><img src="../img/man.png" class="img">男
      <input type="radio" name="sex"><img src="../img/female.png" class="img">女
    </td>
  </tr>
    <tr>
    <td>生日</td>
    <td>
      <input type="date">
    </td>
  </tr>
  <tr>
    <td>所在地区</td>
    <td>
      <input type="text" placeholder="请输入您的住址">
    </td>
  </tr>
  <tr>
    <td>婚姻情况</td>
    <td>
      <input type="radio" name="marriage">未婚
      <input type="radio" name="marriage">已婚
      <input type="radio" name="marriage">离婚
    </td>
  </tr>
  <tr>
    <td>自我介绍</td>
    <td>
      <textarea placeholder="请输入自我介绍"></textarea>
    </td>
  </tr>
  <tr>
    <td></td>
    <td>
      <input type="submit" value="免费注册">
    </td>
  </tr>
  <tr>
    <td></td>
    <td>
      <a href="#">我是会员立即登录</a>
    </td>
  </tr>
</table>
</div>
</body>
</html>
